<?php
require_once 'common.php';
?><!DOCTYPE html><html><head>
<title>微客读 - 分享精彩瞬间</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
<script type="text/javascript" src="/js/fileuploader.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="/css/jquery-ui-1.8.7.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/fileuploader.css" />


</head>
<body>

<style>
body {
	padding:0px;
	margin:0px;
	overflow:hidden;
}

#mini_map {
	position:fixed;
	left:0px;
	top:0px;
	width:250px;
	height:250px;
	background:url(port/playground_minimap.php) no-repeat;
	border:3px #ccc solid;
	overflow:hidden;
}
#mini_map_navigator {
	position:absolute;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	border:1px red solid;
}

#play_ground_drag_layer {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:760px;
}

#play_ground {
	position:fixed;
	overflow:hidden;
}

#play_ground_stage {
	position:fixed;
	width:100%;
	height:760px;
	overflow:hidden;
}

#play_ground_selector {
	position:fixed;
	left:0px;
	top:0px;
	width:<?php echo CELL_SIZE;?>px;
	height:<?php echo CELL_SIZE;?>px;
	background:#ff0000;
	filter:alpha(opacity=40);
	opacity:0.4;
}

.cell {
	position:fixed;
	width:<?php echo CELL_SIZE*CELL_COUNT_OF_BRICK_SIDE;?>px;
	height:<?php echo CELL_SIZE*CELL_COUNT_OF_BRICK_SIDE;?>px;
	padding:0px;
	margin:0px;
	text-align:center;
	overflow:hidden;
	font-size:12px;
	color:blue;
}

#upload_form {
	display:none;
}

#button-confirm-upload {
	display:none;
	width:200px;
	height:40px;
	margin:10px;
}

</style>
